html body {
			margin: 0;
			padding: 0;
		}
		html {
			background: #F1EEE0 url(../images/body-bg.jpg);
			height: 100%;
		}
		body {
			font: 15px/150% Georgia, "Times New Roman", Times, serif;
			background: url(../images/bottom-bg.jpg) no-repeat center bottom;
			color: #60493E;
			min-height: 100%;
			overflow-x: hidden;
		}
			a {
				text-decoration: none;
				outline: none;
				color: #834202;
			}
		#top {
			background: url(../images/top-bg.jpg) no-repeat center top;
		}
		#overlay-bg {
			background: url(../images/overlay.png) no-repeat center bottom fixed;
			min-height: 100%;
		}
		#pagewrap {
			width: 1140px;
			max-width: 98%;
			margin: 0 auto;
			/*position: relative;*/
			background: url(../images/side-bg.png) repeat-y 5px 104px;
			min-height: 100%;
		}
		#title {
			position: relative;
			top: 60px;
		}
	
		#body {
			padding-left: 225px;
			padding-top: 50px;
			padding-bottom:50px;
		}
		#header {
		position: fixed;
		z-index: 20;
		width: 180px;
		padding-top: 80px;
		text-align: right;
		background: url(../images/header-bg.png) no-repeat right 60px;
		}
		#site-logo {
		/*font: normal 32px/100% 'Copse', Georgia, serif;
		text-transform: lowercase;*/
		font-weight: 800;
		font-size: 30px;
		margin: 0 0 10px;
		}
		#site-logo a {
		color: #603913;
		text-decoration: none;
		}
		#site-description {
		font: normal 15px/30px 'Microsoft YaHei';
		color: #72A20E;
		background: url(../images/dashed-single.png) repeat-x left bottom;
		/*margin: 43px 0 10px;*/
		padding: 0 0 10px 2px;
		text-shadow: none;
		}
		
		#main-nav {
		margin: 0;
		padding: 0 0 8px;
		}
		#main-nav li {
		padding: 0;
		margin: 0 0 5px;
		float: right;
		clear: both;
		list-style: none;
		position: relative;
		}
		#searchform #s {
		width: 100px;
		/*background: #F6F4ED url(../images/nav-icons.png) no-repeat -8px -497px;*/
		font: italic 105%/110% "Times New Roman", Times, serif;
		color: #86856F;
		padding: 3px 4px 3px 28px;
		border: solid 1px #BEBDAA;
		-webkit-border-radius: 13px;
		-moz-border-radius: 13px;
		border-radius: 13px;
		-webkit-transition: .7s;
		-moz-transition: .7s;
		-o-transition: .7s;
		transition: .7s;
		}
		/*文章表列样式*/
		#content article {
				background: url(../images/dashed-single.png) repeat-x left bottom;
			}
		.calendar {
			float: left; display: inline; margin: 0 10px 0 0; background: url(../images/calendarbg.png) no-repeat;
			height: 70px;
			width: 70px;
			background-size: contain;
		}
		.month {
			text-align: center;
			display: block;
			font-family: Georgia;
			font-size: 15px;
			color: rgba(0, 0, 0, 0.93);
			padding: 2px;
			font-weight: 700;
		}
		.day {
			text-align: center;
			display: block;
			font-family: Georgia;
			font-size: 35px;
			color: rgba(24, 131, 75, 0.56);
			padding: 0px;
			font-weight: 600;
		}
		.article {
			margin:20px 20px 5px 20px;
			font-family: "Consolas", "Courier New", Monaco, Courier, monospace;
		
		}
		.title {
			color: rgba(51, 153, 204, 0.79);
			font-size: 30px;
		}
		.subhead {
			color: #72A20E;
			font-size:20px;
		}
		.time {
			color: rgba(235, 16, 16, 0.75);
		}
		.summary {
			color: #6B6854;
		}
		.label {
			text-align: center;
			display: inline-block;
		}
		
		.label a{
			display: inline-block;
			font-style: italic;
			font-size: 12px;
			padding: 3px 5px;
			margin: 0px 3px;
			font-weight: 800;
			box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.05) inset;
			color: #fff;
			text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
			background: rgba(104, 171, 194, 0.5);
		}
		
		.label a:hover {
			background: #4fa2c4;
		}
		/*分页样式*/
		.pagination {
			PADDING-RIGHT: 2px; PADDING-LEFT: 2px; PADDING-BOTTOM: 2px; MARGIN: 7px; PADDING-TOP: 2px; FONT-FAMILY: "Lucida Sans Unicode", "Lucida Grande", LucidaGrande, "Lucida Sans", Geneva, Verdana, sans-serif
		}
		.pagination  A {
			PADDING-RIGHT: 0.64em; PADDING-LEFT: 0.64em; PADDING-BOTTOM: 0.43em; MARGIN: 2px; COLOR: #fff; PADDING-TOP: 0.5em; BACKGROUND-COLOR: #ee4e4e; TEXT-DECORATION: none
		}
		.pagination  A:hover {
			PADDING-RIGHT: 0.64em; PADDING-LEFT: 0.64em; PADDING-BOTTOM: 0.43em; MARGIN: 2px; COLOR: #fff; PADDING-TOP: 0.5em; BACKGROUND-COLOR: #de1818
		}
		.pagination  A:active {
			PADDING-RIGHT: 0.64em; PADDING-LEFT: 0.64em; PADDING-BOTTOM: 0.43em; MARGIN: 2px; COLOR: #fff; PADDING-TOP: 0.5em; BACKGROUND-COLOR: #de1818
		}
		.pagination a.current {
			PADDING-RIGHT: 0.64em; PADDING-LEFT: 0.64em; PADDING-BOTTOM: 0.43em; MARGIN: 2px; COLOR: #6d643c; PADDING-TOP: 0.5em; BACKGROUND-COLOR: #f6efcc
		}
		.pagination  a.disabled {
			DISPLAY: none
		}
.social {float: right;}
.social li { display:inline; float:left; background-repeat:no-repeat; }
.social li a { display:block; width:48px; height:48px; padding-right:10px; position:relative; text-decoration:none; }
.social li a strong { font-weight:normal; position:absolute; left:20px; top:-1px; color:#fff; padding:3px; z-index:9999;
 text-shadow:1px 1px 0 rgba(0, 0, 0, 0.75); background-color:rgba(0, 0, 0, 0.7);
 -moz-border-radius:3px; -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); -webkit-border-radius:3px; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); border-radius:3px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}

li.enote { background-image:url("../images/enote.png"); }
li.edir { background-image:url("../images/edir.png"); }

#css3:hover li { opacity:0.2; }

#css3 li { -webkit-transition-property: opacity; -webkit-transition-duration: 500ms;
 -moz-transition-property: opacity; -moz-transition-duration: 500ms; }
#css3 li a strong { opacity:0;
 -webkit-transition-property: opacity, top; -webkit-transition-duration: 300ms;
 -moz-transition-property: opacity, top; -moz-transition-duration: 300ms; }

#css3 li:hover { opacity:1; }
#css3 li:hover a strong { opacity:1; top:-10px; }